<img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731990490/escena_14_e6s67h.jpg" width="700" height="400">
<p>El día del parcial llegó y a ambos compañeros les fue muy bien, habían quedado en almorzar en la cafetería del campus. Era un plan sencillo, pero para Miguel era importante: aún le costaba integrarse y este tipo de encuentros le daban seguridad. Sin embargo, al llegar a la cafetería recibió un mensaje: </p>\
<p>-"Perdón, estoy atascado con un trabajo. Llego más tarde”– Miguel sintió cómo su corazón se aceleraba. ¿Qué haría solo en un lugar lleno de estudiantes que parecían conocer perfectamente a todos los demás? Miró alrededor, había una mesa con dos puestos libres, donde un grupo de estudiantes de su carrera conversaba animadamente.</p>\
<p>Una situación inesperada ¿Qué debe hacer Miguel?</p>
A. (text-colour:#228be6)[Intenta respirar y acercarse a la mesa con los otros compañeros.]
B. (text-colour:#40c057)[Buscar una mesa vacía y comer solo.
]
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: yellow;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Elección A</button>->Respuesta 1 almuerzo]]
</div>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightcoral;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Elección B</button>->Respuesta 2 almuerzo]]
</div>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 170px; /
height: 40px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightcoral;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Conceptos Vinculados</button>->Concepto 5]]
</div><p>Esperamos que esta historia te haya llevado a reflexionar sobre la importancia de las redes de apoyo y el manejo positivo del estrés. Tal vez, como Miguel, has experimentado momentos de tensión que parecen abrumadores, ahora piensa en ¿A quién podrías acudir la próxima vez? ¿Cómo podrías transformar ese estrés en un impulso positivo? Esta historia es una invitación a valorar el papel de quienes nos rodean y descubrir cómo con el apoyo adecuado, cada desafío se convierte en una oportunidad de crecimiento.
</p>\
<p>Historia creada por Emily Juvinao y Lizeth Julio, estudiantes de octavo semestre del Programa de Psicología en la Universidad del Magdalena. Enmarcada en la asignatura Psicología de la Salud I, bajo la supervisión de la profesora Mónica Reyes.
</p>
<img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731990495/avatar_final_oikr9k.jpg" width="700" height="400">
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: palevioletred;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Reiniciar</button>->Intro]]
</div>(b4r:"outset","none","none")+(b4r-colour:#ffc078,white,white)[(b4r:"double","none","none")+(b4r-colour:#ffc078,white,white)[
Esta situación se vincula con la Teoría del Estrés y Afrontamiento de Lazarus y Folkman, ya que Miguel evalúa la situación como una amenaza para su bienestar emocional y percibe que carece de los recursos necesarios para afrontarla, lo que intensifica su estrés y sensación de aislamiento.]
]
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightblue;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Regresar</button>->Extraño en la bienvenida]]
</div>(b4r:"outset","none","none")+(b4r-colour:#ffc078,white,white)[(b4r:"double","none","none")+(b4r-colour:#ffc078,white,white)[
Según la Teoría del Estrés y Afrontamiento de Lazarus y Folkman (1991), Miguel percibe como estresante no conocer a nadie más que a Andrés y enfrentar su primer día de clases, evaluando la situación como un desafío que excede sus competencias sociales. Esto incrementa su nerviosismo, pero las palabras de su madre actúan como una estrategia de afrontamiento emocional que le ayuda a reducir la ansiedad y sentirse mejor antes de dormir.]
]
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightblue;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Regresar</button>->Regreso a pensión]]
</div>(b4r:"outset","none","none")+(b4r-colour:#ffc078,white,white)[(b4r:"double","none","none")+(b4r-colour:#ffc078,white,white)[
Según la Teoría del Estrés y Afrontamiento de Lazarus y Folkman (1991), Miguel percibe la formación de grupos como un agente estresor debido a su falta de conexiones sociales, evaluando negativamente su capacidad para integrarse. Esta percepción de incapacidad incrementa su ansiedad, soledad y malestar, al considerar que carece de los recursos necesarios para afrontar la situación.]
]
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightblue;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Regresar</button>->Primer dia de clases]]
</div>(b4r:"outset","none","none")+(b4r-colour:#ffc078,white,white)[(b4r:"double","none","none")+(b4r-colour:#ffc078,white,white)[
Según la Teoría del Estrés y Afrontamiento de Lazarus y Folkman (1991), Miguel enfrenta un conflicto al evaluar el parcial como un agente estresor y considerar si asistir a la fiesta sería una estrategia de afrontamiento emocional para aliviar su ansiedad o si priorizar el estudio es más adecuado para manejar la situación.]
]
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightblue;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Regresar</button>->Tentación de la fiesta]]
</div>(b4r:"outset","none","none")+(b4r-colour:#ffc078,white,white)[(b4r:"double","none","none")+(b4r-colour:#ffc078,white,white)[
Esta situación se relaciona con la Teoría de la Autoeficacia de Bandura, ya que Miguel enfrenta una situación donde debe evaluar su capacidad para interactuar socialmente. Su percepción de autoeficacia en el ámbito social influye en su decisión: si cree que puede integrarse exitosamente con el grupo, es más probable que se acerque, mientras que una baja autoeficacia podría llevarlo a evitar la interacción, aumentando su inseguridad.]
]
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightblue;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Regresar</button>->Almuerzo en cafetería]]
</div>(b4r:"outset","none","none")+(b4r-colour:#ffc078,white,white)[(b4r:"double","none","none")+(b4r-colour:#ffc078,white,white)[
Miguel percibe la presentación de su idea ante el voluntariado como un desafío supremamente estresante, ya que, su autoevaluación tiende a la concepción de que no posee destreza en el ámbito social, esto le genera altos niveles de ansiedad. Además, al no recibir apoyo de sus amigos del pueblo, aumenta su sentimiento de soledad, lo cual refuerza su sensación de vulnerabilidad y falta de control.]
]
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightblue;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Regresar</button>->Hablar en publico]]
</div>(b4r:"outset","none","none")+(b4r-colour:#ffc078,white,white)[(b4r:"double","none","none")+(b4r-colour:#ffc078,white,white)[
Aqui se refleja la Teoría de la Autoeficacia de Bandura, ya que se evidencia cómo Miguel, al enfrentar desafíos y salir de su zona de confort, va fortaleciendo su percepción de su propia capacidad para manejar situaciones sociales y académicas. A través de sus experiencias y logros, Miguel aumenta su autoeficacia, lo que le permite presentarse con confianza ante un grupo y compartir su historia sin titubear, demostrando el crecimiento personal que ha experimentado.]
]
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightblue;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Regresar</button>->Transformación]]
</div>(b4r:"outset","none","none")+(b4r-colour:#ffc078,white,white)[(b4r:"double","none","none")+(b4r-colour:#ffc078,white,white)[Según la Teoría del Estrés y Afrontamiento de Lazarus y Folkman (1991), Miguel ha experimentado un proceso de adaptación y manejo del estrés a lo largo de su tiempo en la universidad. Su viaje hacia el crecimiento personal ha estado marcado por una serie de evaluaciones cognitivas y estrategias de afrontamiento emocional. Al reconocer sus límites, pedir ayuda y utilizar diferentes recursos (como meditar, hacer ejercicio y organizarse mejor), Miguel ha logrado reducir su estrés y sentirse más tranquilo y capaz de enfrentar los desafíos futuros.]]
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightblue;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Regresar</button>->Diario 2]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731900915/escena_diario_zmid3c.jpg" width="700" height="400">
<p>Ese día, al llegar a su pensión Miguel se sentía feliz y tranquilo. Se puso a pensar y recordar como erá antes y decidió escribirlo en un pequeño diario que habia dejado abandonado. Escribía:</p>\
<p>Ha sido un camino largo y complicado. Mirando hacia atrás, es increíble todo lo que ha pasado desde que llegué a la universidad. Al principio, todo parecía demasiado. Las clases, los proyectos, la presión por no fallar... Sentía que estaba atrapado en un túnel sin salida. Había días en los que incluso dudaba si había tomado la decisión correcta.</p>\
<p>Ahora, las cosas son diferentes. No digo que todo sea perfecto, pero algo ha cambiado en mí. Me siento más tranquilo, más capaz de manejar lo que venga. He aprendido que no puedo hacer todo solo, y que está bien pedir ayuda. Hablar con mis padres y amigos, aunque al principio me costaba, terminó siendo un alivio. No tenía que guardarlo todo dentro. Cuando compartí lo que sentía, me di cuenta de que no estaba solo en esto, que había gente dispuesta a apoyarme.</p>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: salmon;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Siguiente</button>->Diario 2]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731900915/escena_diario_zmid3c.jpg" width="700" height="400">
<p>Andrés fue una persona importante, con él aprendí a no ser tan duro conmigo mismo y celebrar incluso los logros pequeños. Descubrí que manejar el estrés no es algo que se resuelva de un día para otro. Fui probando varias cosas: meditar, hacer ejercicio, organizarme mejor. Pero lo más importante fue darme cuenta de que está bien tener días malos y que no siempre hay que ser productivo. Hay que descansar también. Ahora puedo reconocer mis límites y decir “no” cuando algo me sobrepasa.</p>\
<p>He aprendido que el éxito no es solo sacar buenas notas, sino sentirme bien conmigo mismo y encontrar un equilibrio entre mis estudios y mi bienestar. El miedo que sentía al principio de no encajar o fracasar ya no me persigue. En lugar de eso, me siento adaptado, más seguro de quién soy y de lo que puedo lograr.</p>\
<p>Hoy cierro este capítulo con la certeza de que, aunque no siempre pueda controlar lo que pasa, sí puedo decidir cómo enfrentar los retos.</p>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightcoral;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Final</button>->Cierre final]]
</div>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 170px; /
height: 40px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightcoral;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Conceptos Vinculados</button>->Concepto 8]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731800392/escena_4_ufe4fc.jpg" width="700" height="400">
<p>El auditorio estaba repleto de jóvenes que al igual que él, comenzaban una nueva etapa. Sin embargo, mientras observaba a su alrededor, todos parecían ya formar parte de algún grupo, y pudo reconocer alguno que otro estudiante que también vio en su pensión. Las risas y las conversaciones ajenas le hacían sentir más pequeño con cada minuto que pasaba.</p>\
<p>¿Qué le recomiendas hacer a Miguel en esta situación?</p>
A.(text-colour:#1c7ed6)[ Acercarse a algún compañero e intentar participar.]
B. (text-colour:#40c057)[Buscar un lugar vacío donde sentarse para sentirse más tranquilo.
]
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightcoral;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Elección A</button>->Respuesta bienvenida 1]]
</div>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: red;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Elección B</button>->Respuesta bienvenida 2]]
</div>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 170px; /
height: 40px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightcoral;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Conceptos Vinculados</button>->Concepto 1]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731990491/escena_17_apnzcp.jpg" width="700" height="400">
<p>Un par de semanas después, Miguel era parte del voluntariado y había participado en un par de actividades. Miguel queria presentar ante los miembros del equipo una idea para recaudar fondos para la alimentación de las mascotas de la U. Pero aunque esta nueva idea le emocionaba, cuando llegó el día, el simple pensamiento de pararse frente a todos le hacía temblar, sus manos sudaban mucho y creía que estaba colorado, no sabía qué hacer. Quiso recurrir a sus amigos del pueblo, esperando encontrar apoyo, ya que estos frecuentemente hacían estas actividades allá, pero ninguno respondió a sus mensajes. Y empezó a sentirse más solo que nunca.</p>\
<p>¿Cuál es la mejor opción para Miguel?</p>
A. (text-colour:#228be6)[Pedir ayuda y presentar la idea.]
B. (text-colour:#40c057)[Evitar la situación y posponerla.
]
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: yellow;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Elección A</button>->Respuesta 1 hablar]]
</div>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightcoral;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Elección B</button>->Respuesta 2 hablar]]
</div>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 170px; /
height: 40px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightcoral;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Conceptos Vinculados</button>->Concepto 6]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1730938348/Patron_de_diapositivas_para_historia_twine_pdi6n8.jpg" width="700" height="400">
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: palevioletred;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Siguiente</button>->Parte 1]]
</div><p>Qué pasa cuando tienes que dejar atrás todo lo que conoces y enfrentarte a un mundo completamente nuevo? ''Miguel'', un joven becado de 17 años, lo está descubriendo mientras se adapta a la vida universitaria en la ciudad. Entre la presión de encajar, el miedo a no encontrar su lugar y las exigencias académicas, vivirá situaciones que pondrán a prueba su capacidad para manejar el estrés y formar vínculos significativos.
</p>\
<p>Tus decisiones guiarán a Miguel en este viaje: ¿Logrará encontrar el equilibrio entre sus estudios y su vida social? ¿Podrá transformar sus miedos en oportunidades para crecer? A través de estas experiencias, verás cómo el estrés puede ser parte natural de la adaptación, pero también cómo manejarlo correctamente es crucial para alcanzar el bienestar. ¿Qué camino tomará Miguel?</p>
<img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731800393/Imagen_parte_1_znu7zs.jpg" width="700" height="500" style="display: block; margin-left: auto; margin-right: auto;">
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: salmon;
font-family: Arial, sans-serif;
2 / 2
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">¡Comencemos!</button>->Salto a la ciudad 1]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731990216/escena_8_ci93on.jpg" width="700" height="400">
Al día siguiente, llegó al aula de clase, el profesor se presentó y explicó cuál sería la dinámica de trabajo y anunció que los estudiantes debían organizarse en grupos para realizar un proyecto a lo largo del semestre, y casi de inmediato, Miguel sintió una presión asfixiante; no conocía a nadie lo suficiente como para pedirle entrar en su grupo. Se quedó en su puesto, mirando cómo los equipos se formaban rápidamente. Mientras sentía que todo su cuerpo sudaba y temblaba intentaba descifrar qué hacer.
A. (text-colour:#228be6)[Quedarse en su sitio y pensar en hacerlo solo.]
B. (text-colour:#40c057)[Respirar un momento y buscar a un grupo al que integrarse.
]
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: yellow;
font-family: Arial, sans-serif;
2 / 2
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Elección A</button>->Respuesta 1 clases]]
</div>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightcoral;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Elección B</button>->Respuesta 2 clases]]
</div>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 170px; /
height: 40px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightcoral;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Conceptos Vinculados</button>->Concepto 3]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731990216/escena_7_dngsse.jpg" width="700" height="400">
<p>Al llegar a la pensión Miguel y Andrés intercambiaron números, habían quedado en hacer un recorrido por la universidad e ir a almorzar.</p>\
<p>Minutos después, cuando Miguel entró en su cuarto se sentía cansado y con emociones revueltas. La soledad lo golpeó con fuerza, se dio cuenta que no conoció a nadie más que Andrés y mañana debía ir a clases temprano, se sentía frustrado pues el miedo y los nervios se apoderaron de él y no pudo hablar con otros compañeros. Pero recordó una conversación que había tenido con su madre antes de partir: “Es normal sentirse estresado al principio. Recuerda que no estás solo, muchos sienten lo mismo”. Esa idea le dio un poco de consuelo y esa noche pudo dormir tranquilo.</p>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: salmon;
font-family: Arial, sans-serif;
2 / 2
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">siguiente</button>->Primer dia de clases]]
</div>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 170px; /
height: 40px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightcoral;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Conceptos Vinculados</button>->Concepto 2]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731990491/escena_15_ve8zy2.jpg" width="700" height="400">
<p>Miguel decidió no dejarse vencer por el miedo. Respiró hondo y aplicó la técnica de respiración consciente para calmar su ansiedad. Después de unos minutos, reunió el coraje necesario y se acercó a la mesa. “¿Les molestan si me siento aquí?”, preguntó con voz temblorosa. Los estudiantes lo recibieron con amabilidad, y poco a poco, la conversación comenzó a fluir.</p>\
<p>Durante el almuerzo, Miguel descubrió los clubes extracurriculares y sintió curiosidad. Motivado por la experiencia positiva, decidió unirse al grupo de voluntariado y, además, invitó a otros compañeros a acompañarlo. Este pequeño triunfo le enseñó que enfrentar sus miedos era clave para integrarse.</p>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: salmon;
font-family: Arial, sans-serif;
2 / 2
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Siguiente</button>->Hablar en publico]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731990216/escena_9_wig1uz.jpg" width="700" height="400">
<p>Miguel sintió cómo la ansiedad se apoderaba de él. Los nervios lo paralizaron, y sin darse cuenta, evitó levantarse. “Es mejor no insistir”, pensó, justificándose. Bajó la mirada mientras los grupos se cerraban a su alrededor, sintiendo el peso de quedarse fuera. Con cada minuto que pasaba, su frustración aumentaba y una sensación de fracaso comenzó a instalarse en su mente. Cuando estaba a punto de rendirse y resignarse a trabajar solo, Andrés lo llamó desde el otro lado del salón “¡Ven, le falta un miembro a nuestro grupo!”. Miguel dudó, pero lentamente se acercó. Andrés, notando su incomodidad, le sugirió que respirara profundamente para calmarse.</p>\
<p>“Prueba conmigo: inhala por cuatro segundos y exhala por otros cuatro —le dijo con amabilidad. Miguel sintió que su ansiedad disminuía poco a poco. Con el apoyo de Andrés, logró integrarse al grupo y participar en la dinámica. Aún le costaba encontrar su lugar, pero supo que tener un apoyo a su lado hacía toda la diferencia y que tal vez atreverse y afrontar la situación le iba a ayudar a avanzar.</p>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: salmon;
font-family: Arial, sans-serif;
2 / 2
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Siguiente</button>->Tentación de la fiesta]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731990217/escena_12_loh3zg.jpg" width="700" height="400">
<p>Pese a la insistencia de Andrés, Miguel ignoró sus mensajes e intentó estudiar, pero se frustraba por no poder avanzar y terminaba durmiendo o jugando videojuegos. No fue a la fiesta, convencido de que debía concentrarse en estudiar, pero se sentía cada vez más abrumado y solo. La presión de los exámenes lo hizo sentir que no podía manejar la situación.</p>\
<p>En un momento de desesperación, decidió llamar a su mamá y le explicó cómo se sentía. Esta le sugirió que se relajara un rato, que organizara su espacio y se imaginara un momento en un lugar tranquilo, y visualizara cómo iniciar ese estudio. Motivado por sus palabras, intentó hacerlo pero aún se sentía tenso. Unos minutos después, lo llamó Andrés, y le preguntó cómo iba todo, al escuchar la dificultad de Miguel, Andrés se ofreció a estudiar con él. Juntos, aplicaron la técnica de visualización y poco a poco, Miguel comenzó a sentirse más seguro y concentrado. Gracias al apoyo de Andrés y confort de su madre pudo aplicar una estrategia para manejar la situación y avanzar en sus estudios.</p>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: salmon;
font-family: Arial, sans-serif;
2 / 2
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Siguiente</button>->Almuerzo en cafetería]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731990491/escena_18_ayxcim.jpg" width="700" height="400">
<p>En medio de su frustración, una compañera del voluntariado llamada Valeria se acercó. “¿Te pasa algo? Te ves muy nervioso”. Miguel, avergonzado, le confesó su miedo a hablar en público. Valeria, le dio algunos consejos: “Empieza por enfocarte en una persona mientras hablas. Verás que poco a poco te sentirás más cómodo”.</p>\
<p>Miguel respiró profundamente y decidió intentarlo. Se repitió “Enfócate en una persona mientras hablas”. Con nervios, pero decidido, subió al frente y se concentró en un compañero que le devolvía una mirada atenta. A medida que hablaba, el temblor en sus manos disminuía, se sentía más aliviado y la emoción por su idea comenzó a sustituir al miedo. Al terminar, recibió aplausos y palabras de aliento de sus compañeros, lo que lo hizo sentir orgulloso de sí mismo.</p>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: salmon;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Siguiente</button>->Transformación]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731990491/escena_16_aaydqb.jpg" width="700" height="400">
<p>Abrumado por la ansiedad, Miguel no pudo dar el paso de acercarse a la mesa. En su lugar, decidió esperar hasta que una mesa estuvo libre y se sento a comer sintiéndose incómodo. Sentia como si los minutos pasaran lentamente, y las emociones negativas aparecieron: frustración, soledad y tristeza. El estrés acumulado le hizo cuestionarse si realmente encajaría en la universidad.</p>\
<p>Finalmente, Andrés llegó y, al notar el estado de su amigo, lo animó a hablar sobre lo que había pasado. Con calma, le sugirio que en lugar de ver la situación como un fracaso, debía interpretarla como una oportunidad para aprender a manejar esos momentos difíciles. Para animarlo Andrés lo invitó a participar en un grupo de voluntariado en el que él estaba a lo que Miguel se mostró interesado y aceptó.</p>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: salmon;
font-family: Arial, sans-serif;
2 / 2
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Siguiente</button>->Hablar en publico]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731990216/escena_10_f9godh.jpg" width="700" height="400">
Miguel respiró profundamente, tratando de calmar los nervios. Recordó una técnica que había escuchado: la respiración diafragmática. Inhaló lenta y profundamente, contando hasta cuatro, y luego exhaló al mismo ritmo. Con la mente más despejada, decidió dar un paso adelante. Se acercó a un grupo que aún parecía incompleto y, con una sonrisa tímida pero decidida, les preguntó: ¿Podría unirme a ustedes? Al principio sentía inseguridad, pero al ver que lo recibieron con naturalidad, poco a poco se relajó. A medida que avanzaba la clase, se dio cuenta de que había dado un pequeño paso hacia su adaptación. Integrarse no fue fácil, pero entendió que debía intertalo.
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: salmon;
font-family: Arial, sans-serif;
2 / 2
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Siguiente</button>->Tentación de la fiesta]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731990490/escena_13_flqz1b.jpg" width="700" height="400">
<p>Miguel decidió que lo mejor era planificar su tiempo antes de tomar cualquier decisión. Aplicó una técnica que Andrés le había enseñado: el método Pomodoro. Estableció bloques de 25 minutos de estudio seguidos por descansos cortos. Esto le permitió avanzar en sus apuntes sin sentirse abrumado. Al ver su progreso, sentía que podía ir a la fiesta sin culpa.</p>\
<p>Llegó el fin de semana y en la fiesta, se permitió disfrutar, reír y compartir con sus compañeros. De regreso a su residencia, se sintió tranquilo porque había avanzado en sus estudios y también se había permitido un momento para despejarse. Entendió que encontrar un equilibrio entre sus responsabilidades y el ocio era clave para gestionar el estrés.</p>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: salmon;
font-family: Arial, sans-serif;
2 / 2
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Siguiente</button>->Almuerzo en cafetería]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731990494/escena_19_pwpqen.jpg" width="700" height="400">
<p>Miguel dejó que el miedo lo venciera y no se animó a presentar. Se quedó sentado mientras los demás compartían sus propuestas, sintiendo que había perdido una oportunidad importante. La ansiedad y frustración se apoderaron de él, y para empeorar las cosas, sus amigos del pueblo no contestaron sus mensajes, lo que lo hizo sentirse más aislado.</p>\
<p>Al final de la reunión, Valeria una de las líderes se le acercó y, con empatía, le dijo: “Sé que querías presentar, ¿qué tal si practicamos juntos para la próxima?”. Miguel aceptó su ayuda. Y así Gracias a su apoyo y los pequeños consejos que le dieron, comenzó a participar más en las actividades del voluntariado y poco a poco, fue ganando confianza en su capacidad para hablar en público.</p>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: salmon;
font-family: Arial, sans-serif;
2 / 2
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Siguiente</button>->Transformación]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731800392/escena_5_gnyt9v.jpg" width="700" height="400">
<p>Miguel estaba absorto mirando cada grupo, cuando de pronto reconoció a uno de los chicos de la pensión, quien lo saludó inmediatamente. Ante este gesto, Miguel se animó y se acercó a él. Se presentaron y se sentaron con otros amigos del chico. Esta conversación fue suficiente para darle un pequeño alivio a Miguel. </p>\
<p>Resultó que el chico se llamaba Andrés, alguien amable y animado, que le presentó a cada uno de los chicos y chicas que estaban con él. Miguel un poco nervioso, asintió y sonrio a cada uno. Sin embargo, aún sentía el peso de no pertenecer. Ellos conversaban de los planes que tenían, de las asignaturas, Miguel solo habló de que era su primer semestre y que estudiaria ingeniería ambiental. Al finaloizar la reunión regresó a la pensión acompañado de Andrés.</p>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: salmon;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Siguiente</button>->Regreso a pensión]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731800392/escena_6_thdoig.jpg" width="700" height="400">
<p>Al ver que seguían llegando más estudiantes, Miguel rapidamente buscó un lugar apartado para sentarse, vió a un chico solo sentado en los ultimos puestos, este se le hizo conocido y recordó que también lo vio en su pensión. Caminó hacia el chico y se sentó una silla depues de él, intentando mantener la distancia. Desde ahí se sentía seguro y pudo escuchar atentamente toda la reunión. Al finalizar vio como todos se iban despidiendo o se quedaban hablando de las asignaturas que tenían juntos y planes para hacer en la universidad.</p>\
<p>Cuando iba saliendo del auditorio se encontró con el chico que reconoció de la pensión y este le dijo: Hey, ¿vives en la pensión cierto? Yo me llamo andres y estudio ingeniería ambiental. Vámonos juntos. Miguel se presentó y juntos se fueron a la pensión.</p>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: salmon;
font-family: Arial, sans-serif;
2 / 2
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Siguiente</button>->Regreso a pensión]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731990216/escena_1_us3iuu.jpg" width="500" height="500">
<p>Miguel jamás imaginó que su vida cambiaría tanto al recibir la noticia de su beca. Un sueño cumplido, pero a la vez, un desafío abrumador. Mientras viajaba hacia su nueva vida sentía cómo la incertidumbre y la presión empezaban a invadir su mente: ¿y si no logro adaptarme? ¿Qué pasa si no consigo amigos? Las preguntas retumbaban en su cabeza, y con ellas, un nudo constante en el estómago.</p>\
<p>Al llegar a su pensión, su “ nueva casa”, un sin numero de estudiantes llegaban arrastrando sus maletas, pero él se sentía solo y triste, y con las lágrimas acumaladas en sus ojos se encerró en su habitación, de la cual sólo salía a comer e ir al baño, se chocó un par de veces con estudiantes animados conversando entre ellos y esto lo hizo sentir aún peor. Por lo que al llegar la noche no podía conciliar el sueño pensando en cómo sería el día siguiente, su primer día en la universidad y el día de la reunión de bienvenida</p>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: salmon;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Siguiente</button>->Salto a la ciudad 2]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731800393/escena_3_syy0xo.jpg" width="700" height="400">
<p>Al día siguiente, se levantó extrañando a su familia, pero se animó a sí mismo a seguir adelante y se preparó para ir a la universidad. Al llegar al campus, la primera impresión fue emocionante y confusa. Miles de estudiantes se movían rápidamente, riendo y conversando entre ellos. Se sintió pequeño e insignificante entre la multitud. Con mucha rapidez y pareciendo invisible se dirigió al auditorio donde se llevaría a cabo la inducción para recibir a los estudiantes nuevos.</p>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: salmon;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Siguiente</button>->Extraño en la bienvenida]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731990216/escena_11_gfz6wf.jpg" width="700" height="400">
<p>Los días pasaron, y Miguel pudo integrarse en sus clases y con la ayuda de Andrés pudo manejar las sensaciones que le generaban algunas situaciones nuevas. Ya había pasado un mes y el primer parcial se acercaba. Miguel estaba ansioso. No sabía por dónde empezar a estudiar, y cada vez que abría sus apuntes sentía que se le nublaba la mente. Una noche sus compañeros comentaban en el grupo de whatsapp, que el fin de semana había una fiesta de la facultad y Andrés le escribió por mensaje: </p>\
<p> “Vamos a la fiesta, te despejas un rato y luego estudiamos”. Miguel sabía que necesitaba relajarse, pero también sentía que debía estudiar.</p>\
<p>¿Qué va a decidir Miguel?</p>
A. (text-colour:#228be6)[No ir a la fiesta y estudiar]
B. (text-colour:#40c057)[Disfrutar de la fiesta y organizar el tiempo para estudiar
]
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: yellow;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Elección A</button>->Respuesta 1 fiesta]]
</div>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightcoral;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Elección B</button>->Respuesta 2 fiesta]]
</div>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 170px; /
height: 40px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightcoral;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Conceptos Vinculados</button>->Concepto 4]]
</div><img src="https://res.cloudinary.com/dmonenz66/image/upload/v1731990494/escena_20_mb6dit.jpg" width="700" height="400">
<p>Con el tiempo, Miguel fue descubriendo que, aunque no era fácil, cada paso que daba fuera de su zona de confort le ayudaba a crecer. 2 semestres depués llegó el momento de presentarse frente a un grupo de estudiantes nuevos, durante la reunión de bienvenida compartió su experiencia en la universidad, lo hizo sin titubear. Contó cómo al principio se sintió perdido, cómo encontró amigos, cómo enfrentó sus miedos y cómo, a pesar de todo, siguió adelante. La audiencia lo escuchaba atenta, y en ese momento, Miguel se sintió orgulloso del camino recorrido.</p>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 180px; /
height: 50px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: salmon;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Siguiente</button>->Diario 1]]
</div>
<style>
.button-container {
display: flex;
justify-content: center;
margin: 10px;
}
.oval-button {
width: 170px; /
height: 40px;
border-radius: 25px;
border: none;
cursor: pointer;
margin: 0 10px;
background-color: lightcoral;
font-family: Arial, sans-serif;
font-size: 14px;
font-weight: bold;
color: black;
text-align: center;
line-height: 50px;
}
</style>
<div class="button-container">
[[<button class="oval-button">Conceptos Vinculados</button>->Concepto 7]]
</div>